<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--屏幕适配-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>2048游戏</title>
    <!--css-->
    <link rel="stylesheet" type="text/css" href="2048.css">
    <!--jquery-->
    <script src="jquery-3.1.1.min.js"></script>
    <!--js-->
    <script type="text/javascript" src="support2048.js"></script>
    <script type="text/javascript" src="animation2048.js"></script>
    <script type="text/javascript" src="main2048.js"></script>
</head>
<body>
<div id="header-container">
    <h1 id="title">2048</h1>
    <div class="scores-container">
        <div class="score-container">
            <p>分数</p>
            <p><span id="score">0</span></p>
        </div>
        <div class="best-container">
            <p>最高分</p>
            <p><span id="bestscore">0</span></p>
        </div>
    </div>
    <div class="info">
        <h1 id="author">Jimmy</h1>
        <a href="javascript:newgame();" id="newgamebutton">新游戏</a>
    </div>
</div>
<div id="container">
    <div id="grid-container">
        <div class="grid-cell" id="grid-cell-0-0"></div>
        <div class="grid-cell" id="grid-cell-0-1"></div>
        <div class="grid-cell" id="grid-cell-0-2"></div>
        <div class="grid-cell" id="grid-cell-0-3"></div>
        <div class="grid-cell" id="grid-cell-1-0"></div>
        <div class="grid-cell" id="grid-cell-1-1"></div>
        <div class="grid-cell" id="grid-cell-1-2"></div>
        <div class="grid-cell" id="grid-cell-1-3"></div>
        <div class="grid-cell" id="grid-cell-2-0"></div>
        <div class="grid-cell" id="grid-cell-2-1"></div>
        <div class="grid-cell" id="grid-cell-2-2"></div>
        <div class="grid-cell" id="grid-cell-2-3"></div>
        <div class="grid-cell" id="grid-cell-3-0"></div>
        <div class="grid-cell" id="grid-cell-3-1"></div>
        <div class="grid-cell" id="grid-cell-3-2"></div>
        <div class="grid-cell" id="grid-cell-3-3"></div>
    </div>
    <div id="end-container">
        <p id="gameover">游戏结束!</p>
        <a href="javascript:newgame();" id="newgamebutton2">重新开始</a>
    </div>
</div>
</body>
</html>